<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>登录页面</title>
<meta charset="utf-8">
<script>
	// 判断是登录账号和密码是否为空
	function check() {
		var account = $("#account").val();
		var password = $("#password").val();
		if (usercode == "" || password == "") {
			$("#message").text("账号或密码不能为空！");
			return false;
		}
		return true;
	}
</script>
</head>
<style type="text/css">
body{
margin:0px;
padding:0px;
}
.navigation{
height:60px;
}
.navigationlogo{
width:281px;
height:58px;
float:left;
}
.login{
height:600px;
background: url(${pageContext.request.contextPath }/img/loginBC.jpg) no-repeat;
background-size:100% 100%;
}
.loginForm{
width:440px;
height:260px;
text-align: center;
position: absolute;
top: 50%;
left: 70%;
transform:translate(-10%,-65%);
}
.txt{
    background:rgba(255,255,255,5);
    border-radius:8px;
    transition:0.8s;
}
.submit{
position:center;
    text-align:center;
    cursor:pointer;
    font-size:16px;
    background:steelblue;
    color:#fff;
    border-radius:8px;
    transition:1s;
    margin-bottom:20px;
}
.loginForm a{
text-decoration: none;
	color: #fff;
	font-size: 16px;
	padding: 8px;
	transition: 1s;
	display: block;
}
.loginForm a:hover{
	font-style: oblique;
}
</style>
<body>
<div class="navigation">
<a href="//www.taobao.com">
<image class="navigationlogo" src="${pageContext.request.contextPath }/img/logo.png"></image>
</a>
</div>
	<div class="login">
		<table border="0" width="1140px" cellspacing="0" cellpadding="0" id="table1">
			<tr>
				<td width="740" height="412"></td>
				<td class="login_msg" width="400" align="center">
					<!-- margin:0px auto; 控制当前标签居中 -->
					<fieldset style="width: auto; margin: 0px auto;" class="loginForm">
						<legend>
							<font style="font-size: 18px" face="宋体" color="#fff"> 欢迎登陆盱眙大润发电子商城 </font>
						</legend>
						<font color="red"> <%-- 提示信息--%> <span id="message">${msg}</span></font>
						<%-- 提交后的位置：/WEB-INF/jsp/customer.jsp--%>
						<form action="${pageContext.request.contextPath }/mlogin.do"
							method="post" onsubmit="return check()">
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
							<br /> 账&nbsp;号：<input class="txt" id="account" type="text" name="account" />
							<br />
							<br /> 密&nbsp;码：<input class="txt" id="password" type="password" name="password" /> 
							<br />
							<br />
						    <input class="submit" type="submit" value="登录" />
						</form>
					</fieldset>
				</td>
			</tr>
		</table>
	</div>
</body>
</html>
